<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>服务分类</title>
    <link rel="shortcut icon" href="./images/logo.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="css/service-classify.css">
    <link rel="stylesheet" href="./css/common.css">
    <script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/sethtmlfontSize.js"></script>
</head>
<body>
  <div class="zwl">
   <header class="searchs">
        <div class="search-left">
            <i></i>
        </div>
        <div class="search-center">
            <span class="search-name"></span>
        </div>
        <div class="clears"></div>  
    </header>
    <div id="classify">
        <ul class="classify-ul">   
        </ul>  
        <div class="clears"></div>
    </div>
    <!--服务类别-->
    <div class="services">
        <ul class="services-ul">
            <li class="near-service "><span class="choose-name1 ">全城</span><i class="triangle arrow-bottom"></i><span class="gap"></span></li>
            <li class="new-service "><span class="choose-name2">最新</span><i class="triangle arrow-bottom"></i></li>    
        </ul>     
    </div>
    <!--fuwu-->
        <div id="reduis">
            <div class="choose serviceSelect">
                <div class="area ">
                    <ul class="area-ul">
                       <li  class="area-li bgf036c" data-areaName="">全城</li>
                    </ul>
                </div>
                <div class="detail-area">
                    <div class="detail-ar">
                        <ul class="detail-area-ul">
                        </ul>
                    </div>
                </div>
            </div>
            <div class="sort serviceSelect">
                <ul class="sort-ul">
                    <li class="sort-li topborder" data-resType="1">最新</li>
                    <li class="sort-li topborder" data-resType="2">热门</li>
                </ul>
            </div>
            <div class="shadow"></div>
            <div class="serviceDetail effect-1"></div>
             <!--加载更多..-->
         <div class="data-loading hide">加载中.....</div>
   </div>
         <!--底部-->
    <footer id="footer" class="footer">
        <div class="pagenum">
        </div>
        <div class="footer-ul">
           <ul>
               <li class="first"><a href="./index.html">首页</a></li>
               <li class="li login"><a href="javascript:void(0);">登录</a></li>
               <li class="li"><a href="http://www.shidiquan.cn">客户端</a></li>
               <li class="li"><a href="javascript:void(0);">电脑版</a></li>
               <li class="li"><a href="http://www.shidiquan.cn">帮助</a></li>
           </ul>
       </div>
    </footer>
     <!--悬浮下载app-->
    <div id="download-app" class="download-app ">
        <div id="down-content" class="down-content" >
            <img class="close" id="close" src="./images/close_icon.png" alt="">
            <div class="down-left l">
                <img src="./images/logo.png" alt="">
            </div>
            <div class="down-center l">
                <p class="unmgntop">下载实地圈客户端</p>
                <p class="mgntop">兼职推广，在家创业，躺着赚钱</p>
            </div>
            <div class="down-right l">
                <span class="">免费下载</span>
            </div>
            <div class="clears"></div>
        </div>
    </div>
    <!--回到顶部-->
    <div id="back-top" class="back-top">
        <img src="./images/back_top_icon.png" alt="回到顶部">      
    </div>
    </div>
</body>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="./js/pub_page.js"></script>
<script src="js/service-classify.js"></script>
</html>
       